// 1. 使用CommonJS规范 导入信息
const {sum, mul} = require("./js/mathUtils.js");
console.log(sum(10,20));
console.log(mul(10,20));

// 2. 使用ES6规范 导入信息
import {name, age, height} from "./js/info.js"
console.log(name);
console.log(age);
console.log(height);

// 使用webpack 打包模块
// 终端命令行输入 webpack 路径1 路径2
// 路径1 为想要打包的模块main 代码
// 路径2 为目标的js
// 例如 webpack ./src/main.js ./dist/bundle.js

// 3. 在这里依赖一下css文件 这样css文件才会跟项目有关系
require("./css/normal.css");

// 4. 在这里依赖一下less文件, 让less文件与项目有关系
require("./css/special.less")
document.writeln("<h2>你好你好</h2>")

// 5. 使用Vue
import Vue from "vue";

/* const test = {
  template : `
  <div>
    <h2>{{message}}</h2>
    <button>按钮</button>
    <h2>{{name}}</h2>
  </div>`,
  data() {
    return {
      message : "你好你好,我是Vue",
      name : "xiaoLam"
    }
  }
} */
// import test from "./vue/test.js" 
import test from "./vue/Test.vue"

new Vue({
  el : "#app",
  template: `<test></test>`,
  components : {
    test
  }
})
